const style = [
  {
    path: "/style", name: "styleCase", component: () => import(/* webpackChunkName: "styleCase" */ "@/views/style/index.vue"),
    meta: { title: "样式示例" },
    children: [
      {
        path: "/grid-flex", name: "gridFlex", component: () => import(/* webpackChunkName: "gridFlex" */ "@/views/style/grid/index.vue"),
        meta: { title: "网格布局" },
        children: []
      },
      // 不在菜单里的路由跟父平级，保证path里包含父级。
      // 若要放到父级的children里，父级的页面需要再放一层<router-view />，不推荐。
      {
        path: "/grid-flex/serve-detail",
        name: "serveDetail",
        component: () => import(/* webpackChunkName: "serveDetail" */ "@/views/style/grid/detail.vue"),
        meta: {
          title: "服务详情",
          breadcrumb: [
            {
              name: null,
              label: "样式示例",
            },
            {
              name: "dataDispatch",
              label: "地图服务",
            },
            {
              name: "dataDispatchDetail",
              label: "服务详情",
            },
          ],
        },
      },
      {
        path: "/align-play", name: "alignPlay", component: () => import(/* webpackChunkName: "alignPlay" */ "@/views/style/align-play/index.vue"),
        meta: { title: "剧中对齐" },
        children: []
      },
    ]
  }
]

export default style;